<template>
	<view class="text-hide h-full flex-center flex-column border-box pb-9">
		<c-title-bar :isBlack="true" :myBack='true' @back="$emit('touch')"/>
		<text :class="['block iconfont', iconCls]" style="font-size: 144rpx;"></text>
		<text class="color-title text-xxl mt-4-4 font-semibold block">{{ title }}</text>
		<view class="px-10 mt-3-1 text-center">
			<text class="color-secondary text-l">{{ des }}</text>
		</view>
		<view class="mt-6-2 w-full px-3-1 border-box">
			<c-button @touch="$emit('touch')">{{ btnText }}</c-button>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		//success error
		type: String,
		title: String,
		des: String,
		btnText: String,
	},
	setup(props) {
		let iconCls = 'color-success icon-chenggong';
		switch (props.type) {
			case 'error':
				iconCls = 'color-error icon-guanbi';
				break;
		}
		return {
			iconCls,
		};
	},
};
</script>
<style>
	page{
		height: 100%;
	}
</style>
